<template>
    <div>
        <div style="text-align: center;background-color: white">
            <svg-icon icon-class="success"
                      style="width: 150px;height: 150px;">
            </svg-icon>
            <p style="font-size: x-large;padding-bottom: 20px;">注册成功</p>
            <p style="font-size: x-large;padding-bottom: 20px;">省级教育学分<span>+{{signInfo.scores}}</span></p>
        </div>
        <yd-preview :buttons="btns" v-if="isShow">
            <yd-preview-header>
                <div slot="left">签到编号</div>
                <div slot="right" style="font-size: x-large;color: coral;">{{signInfo.serialNo}}</div>
            </yd-preview-header>
            <yd-preview-item>
                <div slot="left">签到人</div>
                <div slot="right">{{signInfo.name}}</div>
            </yd-preview-item>
            <yd-preview-item>
                <div slot="left">注册日期</div>
                <div slot="right">{{signInfo.signTime}}</div>
            </yd-preview-item>
            <yd-preview-item>
                <div slot="left">身份证</div>
                <div slot="right">{{signInfo.idCard}}</div>
            </yd-preview-item>
        </yd-preview>
    </div>
</template>

<script>
    export default {
        name: "success",
        props: {
            signInfo: {
                type: Object,
                required: true
            }
        }
    }
</script>

<style scoped>

</style>
